<template>
    <div class="Page Confirm">
        <div class="Title">
            <h1 class="fl f18">订单确认</h1>
            <div class="clear"></div>
        </div>
        <form name="flowForm" id="flowForm" method="post" action="">
            <table class="GoodList">
                <tbody>
                <tr>
                    <th class="name">商品</th>
                    <th class="price">原价</th>
                    <th class="priceNew">价格</th>
                </tr>
                </tbody>
                <tbody>
                <tr>
                    <td colspan="3" class="teacher">讲师：{{order.teacherName}}</td>
                </tr>
                <tr class="good">
                    <td class="name First">
                        <a target="_blank" :href="'https://localhost:9001/course/'+order.courseId">
                            <img :src="order.courseCover"></a>
                        <div class="goodInfo">
                            <input type="hidden" class="ids ids_14502" value="14502">
                            <a target="_blank" :href="'https://localhost:9001/course/'+ order.courseId">{{order.courseTitle}}</a>
                        </div>
                    </td>
                    <td class="price">
                        <p>￥<strong>{{order.totalFee}}</strong></p>
                        <!-- <span class="discName red">限时8折</span> -->
                    </td>
                    <td class="red priceNew Last">￥<strong>{{order.totalFee}}</strong></td>
                </tr>
                <tr>
                    <td class="Billing tr" colspan="3">
                        <div class="tr">
                            <p>共 <strong class="red">1</strong> 件商品，合计<span
                                class="red f20">￥<strong>{{order.totalFee}}</strong></span></p>
                        </div>
                    </td>
                </tr>
                </tbody>
            </table>
            <div class="Finish">
                <div class="fr" id="AgreeDiv">
                    <label for="AgreeDiv"><p class="on"><input type="checkbox" checked="checked">我已阅读并同意<a href="javascript:" target="_blank">《谷粒学院购买协议》</a></p></label>
                </div>
                <div class="clear"></div>
                <div class="Main fl">
                    <div class="fl">
                        <a :href="'/course/'+order.courseId">返回课程详情页</a>
                    </div>
                    <div class="fr">
                        <p>共 <strong class="red">1</strong> 件商品，合计<span class="red f20">￥<strong
                            id="AllPrice">{{order.totalFee}}</strong></span></p>
                    </div>
                </div>
                <input name="score" value="0" type="hidden" id="usedScore">
                <button class="fr redb" type="button" id="submitPay" @click="toPay()">去支付</button>
                <div class="clear"></div>
            </div>
        </form>
    </div>
</template>

<script>
    import orderApi from "@/api/order";
	export default {
		data(){
			return{
        orderNo:'',
        order:{}
      }
    },
    created() {
			this.orderNo = this.$route.params.oid
      this.getOrderInfo()
		},
    methods:{

			getOrderInfo(){
				orderApi.getOrderInfo(this.orderNo).then(response=>{
					this.order = response.data.data.order
        })
      },
			toPay(){
				this.$router.push({path:'/pay/'+this.order.orderNo})
      }
    }
	}
</script>

<style>

</style>
